<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>


    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Crear perfil</title>
         <script type="text/javascript" language="javascript" src="/JQuery/js/tcal.js"></script>
        <link href="/css/style.css" rel="stylesheet" type="text/css" />
         <link href="/css/tcal.css" rel="stylesheet" type="text/css" />
        <script language=" JavaScript" type="text/javascript">

            function comprobarcamposobligatorios(){
                var p= document.getElementsByName("nombre");
                var q= document.getElementsByName("apellidos");
                var r= document.getElementsByName("correo");
                if(p[0].value == 0 ||q[0].value == 0 ||r[0].value == 0 ){
                    alert("Introduce los campos obligatorios");
                }
            }
            </script>
    </head>

    <body>
        <h1>
            <form action="/adminSecured/listado">
                <input type="image" src="/stylesheets/fondo_admin.jpg" >
            </form>
            
            <br>
            <div><center>PERSONAL</center></div>
           
        </h1>


        <div id="centrado3">
            <table>
                <tr>
                    <td>
                        <form name="form1" action="/adminSecured/crear_camarero" method="post">
                            <fieldset>
                                <legend><b>Informacion Personal</b></legend>
                                <table>
                                    <tr>
                                        <td>*Nombre:</td>
                                        <td><input name="nombre" type="text"/></td>

                                    </tr>
                                    <tr>
                                        <td>*Apellidos:</td>
                                        <td><input name="apellidos"/></td>
                                    </tr>
                                    <tr>
                                        <td>Fecha de Nacimiento:</td>
                                        <td><input class="tcal" name="fecha_nac" size="10"/></td>
                                    </tr>
                                    <tr>
                                        <td>Telefono:</td>
                                        <td><input name="telefono"/></td>
                                    </tr>
                                    <tr>
                                        <td>*E-Mail:</td>
                                        <td><input name="correo"/></td>
                                    </tr>
                                    <tr>
                                        <td>*Dni:</td>
                                        <td><input name="dni"/></td>
                                    </tr>
                                </table>
                            </fieldset>
                            <fieldset>
                                <legend><b>Información Laboral</b></legend>
                                <table>
                                    <tr>
                                        <td>Disponibilidad:</td> <td><select name="disponibilidad">
                                                <optgroup label="" >
                                                    <option>Mañana</option>
                                                    <option>Tarde</option>
                                                    <option>Noche</option>
                                                    <option>Total</option>
                                                </optgroup>
                                            </select></td>


                                    </tr>
                                    <tr>
                                        <td>Categoria:</td><td><select name="categoria">
                                                <optgroup label="" >
                                                    <option>Jefe de Sala</option>
                                                    <option>Maitre</option>
                                                    <option>Camarero</option>
                                                    <option>Office</option>
                                                    <option>Limpieza</option>
                                                </optgroup>
                                            </select></td>

                                    </tr>
                                    <tr>
                                        <td>Coche:</td><td><select name="coche">
                                                <optgroup label="" >
                                                    <option>Sí</option>
                                                    <option>No</option>
                                                </optgroup>
                                            </select></td>

                                    </tr>
                                    <tr>
                                        <td>Comentarios:</td>
                                        <td><textarea name="comentarios" rows="3" cols="60"></textarea></td>
                                    </tr>


                                </table>
                                <br>
                                (*Campos obligatorios)<input align="right" type="submit" onclick="comprobarcamposobligatorios();" value="Guardar" >

                            </fieldset>

                        </form>
                    </td>

                </tr>
            </table>
        </div>
    </body>
</html>